<!--
 * @Description: 
 * @Author: shizhe
 * @Date: 2021-10-15 17:27:34
 * @LastEditTime: 2022-03-07 09:53:07
 * @LastEditors: shizhe
 * @Reference: 
-->
<template>
  <div id="audits">
    <div class="tab-wrap">
      <div>
        <el-tabs v-model.trim="curType" @tab-click="partTypeChange">
          <el-tab-pane :label="item.name" :name="item.value" v-for="item in partTypeList" :key="item.name">
          </el-tab-pane>
        </el-tabs>
      </div>
    </div>
    <div class="table-wrap">
      <supplier-audit v-if="curType === '1'"></supplier-audit>
      <billing-review v-else-if="curType == '2'"></billing-review>
      <seal-review v-else-if="curType == '3'"></seal-review>
      <account-open-review v-else> </account-open-review>
    </div>
  </div>
</template>

<script>
import AccountOpenReview from './accountOpenReview/index.vue'
import SealReview from './sealReview/sealReview.vue'
import supplierAudit from './supplierAudit/supplierAudit.vue'
import BillingReview from './billingReview/index.vue'
export default {
  components: { supplierAudit, SealReview, BillingReview, AccountOpenReview },
  data() {
    return {
      curType: '1',
      partTypeList: [
        {
          value: '1',
          name: '供应商入驻审核'
        },
        {
          value: '2',
          name: '开票信息审核'
        },
        {
          value: '3',
          name: '电子印章审核'
        },
        {
          value: '4',
          name: '开户绑定审核'
        }
      ]
    }
  },
  mounted() {},
  methods: {
    partTypeChange(e) {}
  }
}
</script>
<style lang="less" scoped>
#audits {
  height: 100%;
  .table-wrap {
    height: calc(100% - 116px);
    padding: 16px 16px 40px 16px;
  }
}
</style>
<style lang="less">
#audits {
  .tab-wrap {
    padding: 0 16px;
    border-bottom: 1px solid #ebebeb;
    .el-tabs__nav-wrap::after {
      height: 0;
    }
    .el-tabs__item {
      height: 60px;
      line-height: 60px;
    }
    .el-tabs__header {
      margin: 0;
    }
  }
}
</style>
